import { StyleSheet } from 'react-native';
import { borderColor } from '@/constants/Colors';

export default StyleSheet.create({
  content: {
    paddingTop: 4,
    paddingBottom: 16,
    backgroundColor: '#fff',
    borderTopLeftRadius: 16,
    borderTopRightRadius: 16
  },
  header: {
    paddingVertical: 16,
    marginBottom: 12,
    paddingHorizontal: 16
  },
  title: {
    fontSize: 16,
    color: '#666',
    fontWeight: '500'
  },
  items: {
    flexDirection: 'row'
  },
  space: {
    height: 1,
    marginVertical: 24,
    backgroundColor: borderColor
  },
  item: {
    width: '25%',
    alignItems: 'center',
    justifyContent: 'center'
  },
  itemIcon: {
    width: 46,
    height: 46,
    borderRadius: 4,
    alignItems: 'center',
    justifyContent: 'center'
  },
  itemText: {
    color: '#666',
    fontSize: 12,
    marginTop: 6,
    fontWeight: '500'
  }
});